html * {
    border: 0;
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body {
    font-family: verdana, "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 8pt;
    background: #f3f3f1;
    overflow:scroll;
}

table {
    border-spacing: inherit;
    border-collapse: separate;
}

.toolGroup {
    padding-right: 10pt;
}

#topBox {
    position: fixed;
    top: 0;
    color: white;
}

/*#yearSelector {*/
/*padding: 0 5pt;*/
/*font-size: 11pt;*/
/*}*/

#monthHeader {
    margin-top: 2pt;
    display: block;
}

.calendarFrame {
    width: 100%;
}

#toolBox {
    margin: 0 auto;
    padding: 5pt 15pt;
    height: 18pt;
}

#yearTable {
    margin: 0;
    margin-top: 58pt;
}

.spacer {
    width: 3pt;
}

.month {
    font-size: 10pt;
    padding: 3pt;
    margin: 0 1px 5pt 0;
    /*margin-bottom: 5pt;*/
    width: 8.3% !important;
}

#yearTable th {
    padding: 2pt 10pt 2pt 10pt;
    border: solid 3px #999999;
    border-radius: 5pt;
}

#yearTable td {
}

.day {
    color: #5c9ccc;
    vertical-align: top;
    padding: 2pt 4pt 2pt 2pt;
    border: solid 1px #c5dbec;
    width: 8.3% !important;
}

.saturday {
    color: white;
    background-color: #c5dbec;
    border: solid 1px transparent;
}

.sunday {
    color: white;
    background-color: #5c9ccc;
    border: solid 1px transparent;
}

.invalid {
    border: 0;
    background-color: transparent !important;
}

.dayInfo {
    text-align: center;
    display: block;
    width: 10pt;
    height: 100%;
    margin: 0 0 2pt 0;
}

.eventWrapper {
    display: block;
    margin: 2pt 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
    min-width: 20pt;
    min-height: 20pt;
    border-radius: 5pt;
    list-style-type: none;
}

.event {
    text-wrap: none;
    border-radius: 5pt;
    border: solid 3pt transparent;
    padding: 3pt;
    cursor: pointer;
    margin-bottom: 2pt;
}

.event {
    background-color: gray;
    color: white;
}

.event:hover {
    opacity: .5;
}

.ui-selected {
    border: solid 3pt indianred;
}

.ui-selected:hover {
    border: solid 3pt indianred;
    opacity: .5;
}

.saturday .event:hover, .sunday .event:hover {
    opacity: .5;
}

.editCategory {
    height: 36px;
}

.editCategory input {
    width: 250px;
    height: 36px;
    margin: 0 5px 10px 0;
    padding: 0;
    vertical-align: top;
    padding: 0;
/ / 0 10 px;
}

.editCategory div {
    display: inline-block;
}

.editCategory div > div {
    width: 28px;
    height: 28px;
    margin: 5px;
    padding: 0;
    display: inline-block;
    background: url(https://year-view.googlecode.com/svn/trunk/gfx/select2.png);
    background-position-x: -4px;
    background-position-y: -4px;
}

.editCategory .btnRemove {
    margin: 2px 2px 2px 10px;
    width: 32px;
    height: 32px;
    vertical-align: top;
}

.ui-widget-overlay {
    /*background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/
    background: #000000 50% 50% repeat-x;
    /*background-color: #000000;*/
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.loading {
    height: 80px;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    text-align: center;
    background: transparent url(http://ajaxload.info/cache/FF/FF/FF/00/00/00/24-0.gif) no-repeat center center;
}
